<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>收藏</title>
    <link rel="stylesheet" type="text/css" href="css/aui/classify1.css">
    <script src="js/jquery-3.1.1/jquery-3.1.1.min.js"></script>
</head>
<body>

<header class="aui-bar aui-bar-nav" style="color: #CCC;border-bottom: 1px solid;" >
    <a href="classify.html" class="aui-pull-left">
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title" style="color: #121;">分类</div>
</header>
<div class="aui-searchbar" id="search" style="margin-top: 45px;">
    <div class="aui-searchbar-input aui-border-radius" tapmode onclick="doSearch()">
        <i class="aui-iconfont aui-icon-search"></i>
        <form action="javascript:search();">
            <input type="search" placeholder="请输入搜索内容" id="search-input">
        </form>
    </div>
    <div class="aui-searchbar-cancel" tapmod>取消</div>
</div>
<div class="aui-content-padded" style="margin-top: 45px;">
    <div class="aui-row" >
        <div class="aui-col-xs-8" style="background-color: #ffffff;padding: 3px;">
            <div style="font-size: 13px;">
            1,234个结果
            </div>
        </div>
        <div class="aui-col-xs-4" style="background-color: #ffffff;padding: 3px;border-left: 1px solid #ccc;">
            <div style="font-size: 12px;float: right">
                筛选（1）
                <i style="font-size: 10px;" class="aui-iconfont aui-icon-down" aui-popup-for="top-right"></i>
            </div>
        </div>
    </div>
    <!--<i style="font-size: 10px;" class="aui-iconfont aui-icon-down" aui-popup-for="top-right"></i>-->
    <div class="aui-popup aui-popup-top-right" id="top-right">
        <div class="aui-popup-arrow" style="margin-top: 100px;right: 10px;"></div>
        <div class="aui-popup-content" style="margin-top: 110px;margin-right: 5px;">
            <ul class="aui-list aui-list-noborder">
                <li class="aui-list-item" style="background-color: #f5f5f5;">

                    <div class="aui-list-item-inner aui-list-item-middle" style="font-size: 15px;">
                        筛选
                    </div>
                    <div class="aui-list-item-label-icon" style="font-size: 12px;">
                        全部清除
                        <!--<i class="aui-iconfont aui-icon-down"></i>-->
                    </div>
                </li>
                <li  id="d1" class="aui-list-item">

                    <div class="aui-list-item-inner" style="font-size: 15px;">
                        排序
                    </div>
                    <div class="aui-list-item-label-icon">
                        <i class="aui-iconfont aui-icon-down"></i>
                    </div>

                </li>
                <ul id="c1">
                    <li class="aui-list-item" style="background-color: #f5f5f5;">
                        <div class="aui-list-item-inner">
                            <div class="aui-list-item-title" style="font-size: 12px;">按照时间排序</div>
                            <div class="aui-list-item-right">
                                <input type="checkbox" class="aui-checkbox">
                            </div>
                        </div>
                    </li>
                    <li class="aui-list-item" style="background-color: #f5f5f5;">
                        <div class="aui-list-item-inner">
                            <div class="aui-list-item-title" style="font-size: 12px;">按照信誉排序</div>
                            <div class="aui-list-item-right">
                                <input type="checkbox" class="aui-checkbox">
                            </div>
                        </div>
                    </li>
                </ul>
                <li id="d2" class="aui-list-item">

                    <div class="aui-list-item-inner" style="font-size: 15px;">
                        配送
                    </div>
                    <div class="aui-list-item-label-icon">
                        <i class="aui-iconfont aui-icon-down"></i>
                    </div>
                </li>
                <ul id="c2">
                    <li class="aui-list-item" style="background-color: #f5f5f5;">
                        <div class="aui-list-item-inner">
                            <div class="aui-list-item-title" style="font-size: 12px;">快递</div>
                            <div class="aui-list-item-right">
                                <input type="checkbox" class="aui-checkbox">
                            </div>
                        </div>
                    </li>
                    <li class="aui-list-item" style="background-color: #f5f5f5;">
                        <div class="aui-list-item-inner">
                            <div class="aui-list-item-title" style="font-size: 12px;">平邮</div>
                            <div class="aui-list-item-right">
                                <input type="checkbox" class="aui-checkbox">
                            </div>
                        </div>
                    </li>
                </ul>
            </ul>
        </div>
    </div>
    <div class="aui-list aui-media-list" style="padding-top: 1px;">
        <a href="minute.html"> <div class="aui-list-item">
            <div class="aui-media-list-item-inner">
                <div class="aui-list-item-media">
                    <img src="img/b4.jpg">
                </div>
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title" style="font-size: 15px;">
                        写给大家的美术史都不会说不定是大部分还得方式能否尽快独食难肥基本都是
                    </div>
                    <div class="aui-title-text" style=" color: red">
                        ￥378
                    </div>
                    <div class="aui-info">
                        满99赠送
                    </div>
                </div>
            </div>
        </div></a>
    </div>
    <div class="aui-list aui-media-list" style="padding-top: 1px;">
        <div class="aui-list-item">
            <div class="aui-media-list-item-inner">
                <div class="aui-list-item-media">
                    <img src="img/b5.jpg">
                </div>
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title" style="font-size: 15px;">
                        写给大家的美术史都不会说不定是大部分还得方式能否尽快独食难肥基本都是
                    </div>
                    <div class="aui-title-text" style=" color: red">
                        ￥378
                    </div>
                    <div class="aui-info">
                        满99赠送
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="aui-list aui-media-list" style="padding-top: 1px;">
        <div class="aui-list-item">
            <div class="aui-media-list-item-inner">
                <div class="aui-list-item-media">
                    <img src="img/b4.jpg">
                </div>
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-title" style="font-size: 15px;">
                        写给大家的美术史都不会说不定是大部分还得方式能否尽快独食难肥基本都是
                    </div>
                    <div class="aui-title-text" style=" color: red">
                        ￥378
                    </div>
                    <div class="aui-info">
                        满99赠送
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
//        $('#c').hide();
        $('#c1').css('display','none');
        $('#c2').css('display','none');
        $("#d1").click(function () {
//            if($('#c').is(':hidden')){
//            $('#c').show();}
//            else{$('#c').hide();}
            if($('#c1').css('display')=='none'){
                $('#c1').css('display','block');
            }
            else{$('#c1').css('display','none');}
        })
        $("#d2").click(function () {
//            if($('#c').is(':hidden')){
//            $('#c').show();}
//            else{$('#c').hide();}
            if($('#c2').css('display')=='none'){
                $('#c2').css('display','block');
            }
            else{$('#c2').css('display','none');}
        })

    })
</script>
<script type="text/javascript" src="js/aui/aui-popup.js" ></script>
<script type="text/javascript">
    var popup = new auiPopup();
    function showPopup(){
        popup.show(document.getElementById("top-right"))
    }
</script>
</body>
</html>